<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Kapa-Kohila</title>
        <link href="style.css" rel="stylesheet" type="text/css">
        <script type = "text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js">
        </script>
        <script type = "text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js">
        </script>
        <script type = "text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-et.js">
        </script>
        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
        <script>
            $(function () {
                var daysToEnable = ['5-3-2011', '5-12-2011', '5-24-2011', '5-7-2011'];
     
                $('#datepicker').datepicker({
                    beforeShowDay: enableSpecificDates,
                });
     
                function enableSpecificDates(date) {
                    var month = date.getMonth();
                    var day = date.getDate();
                    var year = date.getFullYear();
                    for (i = 0; i < daysToEnable.length; i++) {
                        if ($.inArray((month + 1) + '-' + day + '-' + year, daysToEnable) != -1) {
                            return [true,'selectable'];
                        }
                    }
                    return [false];
                }
            });
        </script>
    </head>
    <body>
        <div class = "main">
            <div class ="header">
                <h1>Kapa-Kohila</h1>
                <h2>linn vikerkaare lõpus</h2>
            </div>
            <div class = "menu">
                <ul>
                    <li>	 
                        <a href="">Üldinfo</a>
                        <ul>
                        	<li>
                                <a href="./index.html">Uudised</a>
                            </li>
                            <li>
                                <a href="">Kontakt</a>
                            </li>
                            <li>
                                <a href="">Kaardid</a>
                            </li>
                            <li>
                                <a href="">Tutvustus ja ajalugu</a>
                            </li>
							<li>
                                <a href="./bussiinfo.html">Bussiinfo</a>
                            </li>
                            <li>
                                <a href="">Pildigalerii</a>
                            </li>
                        </ul>
                    </li>
					<li>
                        <a href="">Kultuur ja meelelahutus</a>
                    </li>
					<li>
                        <a href="">Haridus ja noorsootöö</a>
                    </li>
					<li>
                        <a href="">Sotsiaal- ja tervishoid</a>
                    </li>
                    <li>
                        <a href="">Kohalik võim</a>
                        <ul class = "hidden">
                            <li>
                                <a href="">Linnavalitsus</a>
                            </li>
                            <li>
                                <a href="">Linnavolikogu</a>
                            </li>
                            <li>
                                <a href="">Dokumendid</a>
                            </li>
                            <li>
                                <a href="">Teenused</a>
                            </li>
                        </ul>
                    </li>
					<li>
                        <a href="./turism.html">Turism</a>
                    </li>
					
					
					<li class = "search">
                    <form method="get" id="searchform" action="">
                            <input type="text" class="searchbox" value="Otsing ..."/>
                            <button class="searchbutton" title="Otsi">
                                Otsi
                            </button>
                    </form>
					</li>
                </ul>
            </div>
            <div class = "content">
                <h2>Valminud on uus koduleht!</h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra eleifend feugiat. Aenean ornare accumsan tellus viverra iaculis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam vitae consequat enim. Maecenas vitae turpis diam. Duis lectus sapien, posuere nec sollicitudin in, porttitor vitae eros.  
				</p>
				<p> 
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra eleifend feugiat. Aenean ornare accumsan tellus viverra iaculis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam vitae consequat enim. Maecenas vitae turpis diam. Duis lectus sapien, posuere nec sollicitudin in, porttitor vitae eros. Duis iaculis blandit congue. Proin risus felis, consequat ac tempus ut, ullamcorper sit amet lorem. Aliquam erat volutpat. Suspendisse eget leo sem. Aliquam accumsan ligula vel lorem adipiscing ut egestas sapien aliquam. Vestibulum hendrerit lacus in neque venenatis eu elementum sapien cursus. Quisque adipiscing felis ac velit lacinia fringilla.
				</p>
            </div>
            <div class = "container">
                <div class = "calendar" id="datepicker" style="font-size: 56.8%">
                </div>
                <div class = "twitter">
                	<h3>Twitter</h3>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
					<p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
					<p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                </div>
            </div>
            <div style="clear:both">
            </div>
			<div class = "footer">
				<p>Kapa-Kohila linnavalitsus</p>
				<p>Kapa-Kohila, Raplamaa 66553</p>
				<p>Telefon: 786 5432, faks: 786 5432, e-post: kapakohila@kapakohila.ee</p>
			</div>
        </div>
    </body>
</html>
